* {
    --nav-height: 3.35vw;
    --footer-height: 16.4vw;
}

@media (max-aspect-ratio: 16/9) {
    * {
        --nav-height: 5vw;
        --footer-height: 20vw;
    }
}

@media (max-aspect-ratio: 4/3) {
    * {
        --nav-height: 7vw;
        --footer-height: 30vw;
    }
}

@media (max-aspect-ratio: 1/1) {
    * {
        --nav-height: 9vw;
        --footer-height: 40vw;
    }
}

@media (max-aspect-ratio: 3/4) {
    * {
        --nav-height: 12.5vw;
        --footer-height: 35vw;
    }
}

@media (max-aspect-ratio: 9/16) {
    * {
        --nav-height: 14vw;
        --footer-height: 40vw;
    }
}